<template>
	<section>
		<p class="backComponentP fixMax" :class="{'addBorder':bd}" v-if="!type"><img src="../../static/img/back.png" @click="bk" />{{title}}
			<slot></slot>
		</p>
		<p class="backComponentP fixMax" :class="{'addBorder':bd}" v-if="type==2" style="background-color: #FFFFFF;"><img src="../../static/img/back.png" @click="bk" />{{title}}
			<slot></slot>
		</p>
		<p class="backComponentP fixMax" :class="{'addBorder':bd}" v-if="type==1" style="color: #FFFFFF;">
			<img src="../../static/img/x.png" @click="bk" style="height: 0.15rem;margin-top: 0.05rem;" />{{title}}
			<slot></slot>
		</p>
	</section>
</template>

<script>
	//	import { homeGet } from '../common/comfn';
	//	import pull from '../common/pull.vue';
	export default {
		data() {
			return {}
		},
		props: ['title', 'bd', 'type'],
		components: {},
		methods: {
			bk: function() {
				history.go(-1)
			}
		},
		created: function() {},
		mounted: function() {}
	}
</script>

<style scoped="scoped">
	.backComponentP {
		position: fixed;
		width: 100%;
		top: 0;
		line-height: 0.5rem;
		text-align: center;
		font-weight: bold;
		color: rgb(58, 75, 95);
		font-size: 0.17rem;
		z-index: 1;
		border-bottom: 1px solid #E8E8E8;
	}
	
	.backComponentP img {
		height: 0.22rem;
		position: absolute;
		left: 0.15rem;
		top: 0.14rem;
	}
	
	.addBorder {
		border-bottom: none;
	}
	
	.backComponentP label {
		position: absolute;
		right: 0.15rem;
		left: auto;
		font-weight: 500;
	}
</style>